// document.getElementById("box")
    // document.querySelector("#box")
    // $("#box")
    // document.images
    // document.getElementsByTagName("img")
    // document.forms
    // document.getElementsByTagName("form")
    // document.getElementsByTagName("ul")[0]
    //   .getElementsByTagName("li")  
    // $("ul li")
    //1. 元素操作
    // var ele  = document.getElementsByTagName("div")[0];
    // console.log(ele.attributes);
    // ele.removeAttribute("id");
    // console.log(ele.attributes);
    // ele.style.width = '300px';
    // ele.style.height = '200px';
    // ele.style.backgroundColor = '#f00';
    // ele.classList.length

    //2.获取节点操作
    // var ele  = document.querySelector("#wrap");
    // console.log(ele.childNodes);
    // console.log(ele.firstChild.nodeName+":"+ele.firstChild.nodeType);
    // console.log(ele.firstChild.nextSibling.nodeType);
    //3.添加节点操作
    var ele_p = document.createElement("p");
    var text_p = document.createTextNode("这是一个段落");
    ele_p.appendChild(text_p);
    var att_p = document.createAttribute("class");
    att_p.value="box";
    ele_p.setAttributeNode(att_p);
    ele_p.setAttribute("id","first");
    ele_p.removeChild(text_p);

    document.body.appendChild(ele_p);

